<template>
	<view class="">
		<image class="topimg" :src="party_list.Banner" mode="aspectFill"></image>
		<view class="title">
			{{party_list.Title}}
		</view>
		<view style="display: flex;justify-content: space-between;margin-top: -80rpx;">
			<view class="text">
				现场照片
			</view>
			
			<!-- <view class="data">
				<uni-icons type="image-filled" color="#fff" size="30"></uni-icons>
				<text>222</text>
				<uni-icons    style=" margin-left: 20rpx;" type="eye" color="#fff" size="30"></uni-icons>
				<text>222</text>
			</view> -->
		</view>
		<view class="liveimg">
			<image v-for="(item, index) in live_list" :key="index" :src="item.PicUrl+'?x-oss-process=image/resize,m_fill,h_240,w_240'" @click="previewImage(item.PicUrl)" mode="aspectFill"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				party_list:{},
				live_list:[]
			}
		},
		onLoad(e) {
			this.id=e.id
			console.log(this.id,'===活动ID');
			this.Get_live()
		},
		methods:{
			async Get_live(){
				let res1 = await this.$api.post('/Action/GetActionDetail',{
					ID:this.id
				})
				this.party_list=res1.data
				console.log('获取活动聚会列表',res1);
				let res = await this.$api.post('/Action/Ablums',{
					ID:this.id
				})
				this.live_list=res.data
				console.log(res,'===图文直播');
			},
			 previewImage(image) {
			    uni.previewImage({
			      urls: [image],
			      current: image
			    })
			  }
		}
	}		
</script>

<style lang="scss">
	*{
		padding: 0;
		margin: 0;
	}
	.topimg{
		height: 400rpx;
		width: 750rpx;
	}
	.text{
		height: 80rpx;
		line-height: 80rpx;
		font-size: 32rpx;
		display: flex;
		width: 180rpx;
		margin-left: 20rpx;
	}
	.liveimg{
		
		image{
			height: 240rpx;
			width: 240rpx;
			margin-left: 8rpx;
		}
	}
	.data{
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background-color: #a0a0a0;
	    padding: 0 40rpx;
	    border-radius: 50rpx 0 0 50rpx;
		color: #fff;
	}
	.title{
		position: relative;
		top: -100rpx;
		width: 600rpx;
		margin-left: 40rpx;
		color: white;
	}
</style>